<!DOCTYPE html>

<html lang="en" ng-app="myApp02">

<head>
  <meta charset="utf-8" />
  <!-- angular库文件 -->
  <script src="../lib/angular.min.js"></script>
  <script src="../script/02.js"></script>
  <link rel="stylesheet" href="../style/common.css" />
  <link rel="stylesheet" href="../style/02.css" />
  <!-- <link rel="stylesheet/less" type="text/css" href="./01.less" /> -->
  <!-- <script src="../lib/less.min.js"></script> -->
  <!-- 务必确保在 less.js 之前加载你的样式表。
  如果加载多个 .less 样式表文件，每个文件都会被单独编译。
  因此，一个文件中所定义的任何变量、mixin 或命名空间都无法在其它文件中访问。 
  //TODO: 实际开发的时候再引入less,以及预编译等处理
  -->
  <title>事件管理</title>

</head>

<body ng-controller="DRController02">
  <div class="common-content">

    <div class="common-title">
      <div class="title-bar">电容器在线监测智能云平台</div>
      <div class="icon-bar">
        <div class="icon-div icon-horn"></div>
        <div class="icon-div icon-enlarge"></div>
        <div class="icon-word-div icon-man">管理员</div>
      </div>
      <div class="tab-bar">
        <div class="tab-div">主页</div>
        <div class="tab-div active">实时监测</div>
        <div class="tab-div">事件管理</div>
        <div class="tab-div">报表管理</div>
        <div class="tab-div">配置管理</div>
      </div>
    </div>

    <div class="common-body">
      <div class="item-div" ng-repeat="item in resultList">
        <div class="item-title" ng-bind="item.name+($index+1)">演示地址#电容器-1</div>
        <div class="item-detail" ng-class="item.level == 'normal'?'item-detail-normal':'item-detail-danger'">
          <div class="detail-group">

            <div class="part-left part">
              <span class="">U(V):</span>
              <span class="" ng-bind="item.valueU">320.0</span>
            </div>
            <div class="part-right part">
              <span class="">P(Kw):</span>
              <span class="" ng-bind="item.valueP">37.9</span>
            </div>

            <div class="detail-group">
              <div class="part-left part">
                <span class="">I(A):</span>
                <span class="" ng-bind="item.valueI">360.2</span>
              </div>
              <div class="part-right part">
                <span class="">Q(Kvar):</span>
                <span class="" ng-bind="item.valueQ">38.8</span>
              </div>
            </div>

            <div class="detail-group">
              <div class="part-left part">
                <span class="">COS:</span>
                <span class="" ng-bind="item.valueCOS">0.707</span>
              </div>
            </div>

          </div>
        </div>
        <div class="item-desc">
          <span>投切状态</span>
          <span class="item-result" ng-bind="item.level == 'normal'?'正常':'故障'"></span>
        </div>
      </div>


    </div>


  </div>

</body>

</html>